<?php $this->registerResourcePackage('referenceManyFile')?>
<?php
/*
 * Спрятанное поле отправляет список связей, скрипт запрашивает по списку идентификаторов
 * превьюшки у каждой превьюшки есть кнопка удаления есть поле для загрузки файлов,
 * отправляет пост-запрос на соответствующий экшшн,
 * после загрузки - возвращается список новых загруженных идентификаторов,
 * добавляемых в спрятанное поле, и опять перезагрузка превьюшек (может догрузку сделать?)
 *
 */

$thumbList = [];

/*
* data-upload-limit-one - один файл - 15728640 (15mb)
* data-upload-limit-all - сумма всех файлов - 157286400 - (150mb)
*/

$limitOne = (int)15728640;
$limitAll = (int)157286400;
$limitOneConvert = round($limitOne / 1024 / 1024);
$limitAllConvert = round($limitAll / 1024 / 1024);
?>
<div 
	class="reference-many-file" 
	data-reference-many-file="true" 
	data-upload-limit-all="<?php echo $limitAll; ?>" 
	data-upload-limit-one="<?php echo $limitOne; ?>" 
	data-error-wrong-type="<?php echo $this->translate('Wrong type of file xxxFileNamexxx'); ?>" 
	data-error-limit-one="<?php echo $this->translate('File size xxxFileNamexxx exceeds the limit of %limitOneKb%Mb', ['limitOneKb' => $limitOneConvert]); ?>" 
	data-error-limit-all="<?php echo $this->translate('Total files size was exceeded'); ?>"  
>
	<ul class="thumbs-container" data-thumbs-container="true">
		<?php
		$ret = explode(',', $value);
		foreach ( $ret as $r ) if ($r) {
			
			$thumbUrl = $this->url($params ['thumbAction'], ['id' => $r,'thumb' => $params ['thumbType']]);
			$thumbList[$r] = $thumbUrl;
		?>
			<li>
				<div class="thumb" style="background-image: url(<?=$thumbUrl?>)"></div>
				<div class="delete-button" data-delete-id="<?php echo $r?>" data-delete-url="<?php echo $thumbUrl?>"></div>
			</li>

		<?php }?>
	</ul>

	<div class="container-fluid">
		<div class="upload-container row clear">
			<div class="col-md-10 yec-progress-wrapper-block">
				<div class="yec-progress-wrapper" style="display: none;">
					<div class="yec-percent">0%</div>
					<div class="yec-progress progress">
						<div class="upload-percent upload-bar progress-bar"
							 role="progressbar"></div>
					</div>
				</div>
			</div>
			<div class="yec-error-wrapper" style="display: none;">
				<div class="yec-upload-error-field wide-error"> </div>
			</div>

			<div class="col-md-10" style="padding-left: 0px;">
				<div class="element-notice error"><?php echo implode(', ', $errors) ?></div>
				
				<button type="button" class="btn btn-gray" data-errors="<?php echo json_encode($errors)?>"
						data-upload-action="<?= $this->url($params['uploadAction']) ?>">
					<?php echo $this->translate('Select files'); ?></button>
				
				<div class="element-notice description"><?php echo $this->translate($params['description'])?></div>
			</div>
		</div>
	</div>

	<input type="hidden" name="<?=$name?>"
		value="<?php echo $value ?>" data-links="<?php echo $this->txt2attr(json_encode($thumbList)); ?>" />
</div>